<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            .addBg {
                background: #f00;
                color: #fff;
            }
            .bigger {
                font-size:20px;
            }
        </style>
        <script type="text/javascript" src="jquery/jquery-1.11.3.js"></script>
        
        <script type="text/javascript">
            $(function(){
                $("#btn").click(function(){
                    //获取表单的值
                    //alert($("#username").val());

                    //设置表单的值
                    //$("#username").val("我来了");
                    
                    //
//                    alert($("input[name='password']").val());

                    //alert($("input[name='interest']:checked").length);
                    
                    //checkbox得到的是一个数组 需要进行遍历
//                    $("input[name='interest']:checked").each(function(n){
//                        alert($(this).val());
//                    });
                    
                    //checkbox 只能传入数组
//                    $("input[name='interest']").val(["足球","篮球"]);
                
    
                    //
                    //alert($("input[name='sex']:checked").val());
                    
                    //
//                    $("input[name='sex']").val([1]);
                    
                    //有点问题
                    //$("input[name='sex'][value=1]").attr("checked","true");
                    
                    //能够获取select的值
//                    alert($("#address").val());
                    
                    //select的所有文本
//                    alert($("#address").text());
                    
                    //加个空格就是找子元素
//                    alert($("#address :checked").text());

                    $("#address").val(2);
                });
                
                
                
                
                
                
                
                
            });
        </script>
    </head>
    <body>
        <form id="myform">
            用户名:<input type="text" name="username" id="username"/><br/>
            用户密码:<input type="password" name="password" id="password"/><br/>
            用户兴趣:<input type="checkbox" name="interest" value="足球"/>足球
            <input type="checkbox" name="interest" value="篮球"/>篮球
            <input type="checkbox" name="interest" value="羽毛球"/>羽毛球
            <input type="checkbox" name="interest" value="游泳"/>游泳
            <br/>
            用户性别:<input type="radio" name="sex" value="0">男
            <input type="radio" name="sex" value="1">女
            <br/>
            用户户籍:<select name="address" id="address">
                <option value="1">北京</option>
                <option value="2">上海</option>
                <option value="3">昭通</option>
                <option value="4">彝良</option>
            </select>
            <br/>
            <input type="button" value="测试数据" id="btn"/>
        </form>
    </body>
</html>
